<!DOCTYPE html>
<html>
<title>备份管理</title>
<link rel="stylesheet" href="styles/backup.css">
<link rel="stylesheet" href="styles/jquery.fs.stepper.css">
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/jquery.fs.stepper.min.js"></script>
<script src="js/backup.js"></script>
<body>
<div class="header">
    <img src="img/backup/logo.png" alt="logo" class="logo" style=“cursor:pointer">
    <h2>备份管理</h2>
</div>
<div class="zldx_clearfix bmain">
    <ul class="zldx_fl bleft">
        <li><a href="javascript:;" class="li1 li">备份策略</a></li>
        <li><a href="javascript:;" class="li2 li">备份监控</a></li>
        <li><a href="javascript:;" class="li3 li">备份还原</a></li>
    </ul>
    <div class="zldx_fr bright">
        <div class="backupMain backupMain1">
            <div class="rightContent">
                <a href="javascript:;" class="newTask">新建任务</a>
                <table border="1px solid #ccc" cellspacing="0" class="strategyTable">
                    <thead>
                        <tr>
                            <th>任务名称</th>
                            <th>源目录</th>
                            <th>方式</th>
                            <th>目标目录</th>
                            <th>最后执行时间</th>
                            <th>执行结果</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td class="operate">
                            <a href="javascrit:;" class="strategyUpdate">更新</a>
                            <a href="javascrit:;" class="strategyDel">删除</a>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    </tbody>
                </table>
                <!--分页-->
                <ul class="zldx_clearfix page">
                    <li>上一页</li>
                    <li>1</li>
                    <li class="active">2</li>
                    <li>……</li>
                    <li>4</li>
                    <li>上一页</li>
                    <li class="total">共4页</li>
                </ul>
            </div>
            <!--新建框口-->
            <div class="newFrame">
                <div class="rightContent">
                    <p>
                        <a href="javascript:;" class="homePage">首页</a>
                        <span> > </span>
                        <a href="javascript:;" class="newStrategyBtn">备份策略</a>
                        <span> > </span>
                        <a href="javascript:;">新建任务</a>
                    </p>
                    <form class="newForm">
                        <p>
                            <span>任务名：</span>
                            <input type="text" name="taskName" class="taskName">
                        </p>
                        <p class="originPosition">
                            <span>源文件位置：</span>
                            <select name="" id="">
                                <option value="本机目录或网络共享目录">本机目录或网络共享目录</option>
                                <option value="FTP服务器">FTP服务器</option>
                                <option value="SFTP服务器">SFTP服务器</option>
                            </select>
                        </p>
                        <p class="targetPosition">
                            <span>目标文件位置：</span>
                            <select name="" id="">
                                <option value="本机目录或网络共享目录">本机目录或网络共享目录</option>
                                <option value="FTP服务器">FTP服务器</option>
                                <option value="SFTP服务器">SFTP服务器</option>
                            </select>
                        </p>
                        <p>
                            <span>备份频率：</span>
                            <select name="" id="">
                                <option value="每天备份">每天备份</option>
                                <option value="每月备份">每月备份</option>
                                <option value="实时备份">实时备份</option>
                                <option value="每小时备份">每小时备份</option>
                            </select>
                        </p>
                        <p>
                            <span>备份模式：</span>
                            <select name="" id="">
                                <option value="增量备份">增量备份</option>
                                <option value="全量备份">全量备份</option>
                            </select>
                        </p>
                        <p class="chongshi">
                            <span>自动重试次数：</span>
                            <input type="number" max="100" min="0" value="5"/>
                            <span>重试间隔秒：</span>
                            <input type="number" max="3600" min="0" value="60"/>
                        </p>
                        <p>
                            <span>版本号控制：</span>
                            <select name="" id="">
                                <option value="自增">自增</option>
                                <option value="FTP服务器">FTP服务器</option>
                                <option value="SFTP服务器">SFTP服务器</option>
                            </select>
                        </p>
                        <p><input type="button" value="确认" class="formConfirmBtn"/></p>
                    </form>
                </div>
            </div>
        </div>
        <div class="backupMain backupMain2">
            <div class="rightContent">
                <div class="three">
                    <h3>设备信息</h3>
                    <table cellspacing="0" class="infoTable">
                        <thead>
                        <tr>
                            <th></th>
                            <th>温度</th>
                            <th>湿度</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>平均值</td>
                            <td>36℃</td>
                            <td>55%</td>
                        </tr>
                        <tr>
                            <td>当前最大值</td>
                            <td>36℃</td>
                            <td>55%</td>
                        </tr>
                        <tr>
                            <td>当前最小值</td>
                            <td>36℃</td>
                            <td>55%</td>
                        </tr>
                        <tr>
                            <td>当天最高值</td>
                            <td>36℃</td>
                            <td>55%</td>
                        </tr>
                        <tr>
                            <td>当天最低值</td>
                            <td>36℃</td>
                            <td>55%</td>
                        </tr>
                        </tbody>
                    </table>
                    <table class="info2Table" cellspacing="0">
                        <tbody>
                        <tr>
                            <td rowspan="2">空调状态</td>
                            <td>总台数</td>
                            <td>工作台数</td>
                        </tr>
                        <tr>
                            <td>100</td>
                            <td>100</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="four">
                    <h3>告警统计</h3>
                    <img src="img/backup/table2.png" alt="">
                </div>
                <div class="one">
                    <h3>备份情况</h3>
                    <table cellspacing="0" class="conditionTable">
                        <thead>
                        <tr>
                            <th>任务名</th>
                            <th>源目录</th>
                            <th>目标目录</th>
                            <th>备份方式</th>
                            <th>执行时间</th>
                            <th>执行结果</th>
                        </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="two">
                    <h3>负载率</h3>
                    <img src="img/backup/table1.png" alt="">
                </div>
            </div>
        </div>
            <div class="backupMain backupMain3">
                <div class="rightContent">
                    <table cellspacing="0" class="restoreTable">
                        <thead>
                        <tr>
                            <th>任务名称</th>
                            <th>源目录</th>
                            <th>目标目录</th>
                            <th>最后执行时间</th>
                            <th>执行结果</th>
                            <th>最新版本号</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>任务一</td>
                            <td>数据库一</td>
                            <td>D:/</td>
                            <td>2018年1月5日</td>
                            <td>异常</td>
                            <td>1.6</td>
                            <td>
                                <a href="javascript:;" class="versionRestore">版本恢复</a>
                            </td>
                        </tr>
                        <tr>
                            <td>任务一</td>
                            <td>数据库一</td>
                            <td>D:/</td>
                            <td>2018年1月5日</td>
                            <td>异常</td>
                            <td>1.6</td>
                            <td>
                                <a href="javascript:;" class="versionRestore">版本恢复</a>
                            </td>
                        </tr>
                        <tr>
                            <td>任务一</td>
                            <td>数据库一</td>
                            <td>D:/</td>
                            <td>2018年1月5日</td>
                            <td>异常</td>
                            <td>1.6</td>
                            <td>
                                <a href="javascript:;" class="versionRestore">版本恢复</a>
                            </td>
                        </tr>
                        <tr>
                            <td>任务一</td>
                            <td>数据库一</td>
                            <td>D:/</td>
                            <td>2018年1月5日</td>
                            <td>异常</td>
                            <td>1.6</td>
                            <td>
                                <a href="javascript:;" class="versionRestore">版本恢复</a>
                            </td>
                        </tr>
                        <tr>
                            <td>任务一</td>
                            <td>数据库一</td>
                            <td>D:/</td>
                            <td>2018年1月5日</td>
                            <td>异常</td>
                            <td>1.6</td>
                            <td>
                                <a href="javascript:;" class="versionRestore">版本恢复</a>
                            </td>
                        </tr>
                        <tr>
                            <td>任务一</td>
                            <td>数据库一</td>
                            <td>D:/</td>
                            <td>2018年1月5日</td>
                            <td>异常</td>
                            <td>1.6</td>
                            <td>
                                <a href="javascript:;" class="versionRestore">版本恢复</a>
                            </td>
                        </tr>
                        <tr>
                            <td>任务一</td>
                            <td>数据库一</td>
                            <td>D:/</td>
                            <td>2018年1月5日</td>
                            <td>异常</td>
                            <td>1.6</td>
                            <td>
                                <a href="javascript:;" class="versionRestore">版本恢复</a>
                            </td>
                        </tr>
                        <tr>
                            <td>任务一</td>
                            <td>数据库一</td>
                            <td>D:/</td>
                            <td>2018年1月5日</td>
                            <td>异常</td>
                            <td>1.6</td>
                            <td>
                                <a href="javascript:;" class="versionRestore">版本恢复</a>
                            </td>
                        </tr>
                        <tr>
                            <td>任务一</td>
                            <td>数据库一</td>
                            <td>D:/</td>
                            <td>2018年1月5日</td>
                            <td>异常</td>
                            <td>1.6</td>
                            <td>
                                <a href="javascript:;" class="versionRestore">版本恢复</a>
                            </td>
                        </tr>
                        <tr>
                            <td>任务一</td>
                            <td>数据库一</td>
                            <td>D:/</td>
                            <td>2018年1月5日</td>
                            <td>异常</td>
                            <td>1.6</td>
                            <td>
                                <a href="javascript:;" class="versionRestore">版本恢复</a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <!--分页-->
                    <ul class="zldx_clearfix page">
                        <li>上一页</li>
                        <li>1</li>
                        <li class="active">2</li>
                        <li>……</li>
                        <li>4</li>
                        <li>上一页</li>
                        <li class="total">共4页</li>
                    </ul>
                </div>
            </div>
    </div>
</div>
</body>
</html>